<template>
  <HelloWorld :names="['zhangqi', 'liuyue', 'lalala']">
    <template v-slot="slotProps">
      <div>{{ slotProps.item }} - {{ slotProps.index }}</div>
    </template>
    <template v-slot:content="slotProps">
      <div>{{ slotProps.item }} - {{ slotProps.index }}</div>
    </template>
  </HelloWorld>
</template>

<script>
import HelloWorld from "./components/HelloWorld.vue";

export default {
  name: "App",
  components: {
    HelloWorld,
  },
};
</script>

<style scoped></style>
